<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="icon" href="/image/favicon.ico" type="image/x-icon">
  <style type="text/css">
       /*@import "css/per_5.css";*/
       *{
           margin: 0px;
           padding: 0px;
       }
       #div1 {
           min-width: 954px;
           height: 100%;
       }
       #div2{
           min-width: 956px;
           line-height: 60px;
           text-indent: 40px;
           vertical-align: middle;
           background-color: gainsboro;

       }
       #div3{
           min-width: 954px;
           height: 30px;
           font-size: 14px;
           margin-top: 30px;
           text-indent: 40px;
       }
       #div4{
           min-width: 954px;
           height: 250px;
           margin-top: 15px;
       }
       a{
           text-decoration: none;
       }
       .div1{
           width: 100px;
           height: 100px;
           border-radius: 50%;
           margin-left: 100px;
           margin-top: 20px;
       }
       .div1 a:hover img{
           filter:alpha(Opacity=80);
           -moz-opacity:0.6;
           opacity: 0.6
       }
       .msg{
           color: #1d7eb8;
           padding-left: 110px;
       }
       /*.p{*/
       /*color: grey;*/
       /*position: relative;*/
       /*left: 300px;*/
       /*}*/
    </style>
</head>
<body>
<div id="div1">
    <div id="div2">
        <h2>密码管理</h2>
    </div>
    <div id="div3">
        <p>修改密码关系到您的帐号安全，请慎重考虑：</p>
    </div>
    <div id="div4">
            <div class="div1">
                <a href="#"id="send"><img src="image/logo3.jpg"style="width: 80px;height: 80px;"></a>
            </div>
        <a href="#"><span class="msg">邮箱改密</span></a>
    </div>
    <!--<p class="p">2019 @Qiandu</p>-->
</div>
</body>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/2.2.2/jquery.js"></script>
<script src="js/util.js"></script>
<script>

   $('#send').click(function () {     //邮箱发送验证码
            var userEmail = $('#userEmail').val();
            $.ajax({
                url:'http://localhost:8080/pan/verification',  // 提交到controller的url路径
                type:'post',
//            method:'post',   // 提交方式
                data:JSON.stringify({userEmail: $('#userEmail').val()}),   // data为String类型，必须为 Key/Value 格式。dataType: "json",    // 服务器端返回的数据类型
                processData: false,  // 告诉jQuery不要去处理发送的数据
                contentType: false,   // 告诉jQuery不要去设置Content-Type请求头
                success:function(data){  //请求成功后的回调函数，其中的参数data为controller返回的map,也就是说,@ResponseBody将返回的map转化为JSON格式的数据，然后通过data这个参数取JSON数据中的值
                    console.log(data);
                },error:function(err){
                    console.log(err);
                }
            })
        }) ;
    })
</script>
</html>